//-
//- @Author: CPS
//- @email: 373704015@qq.com
//- @Date: 2020-09-21 20:27:05
//- @Last Modified by: SSD_WIN10
//- @Last Modified time: 2020-09-21 20:27:10
//- @Projectname Electron-fileWatcher
//- @file_path "D:\CPS\MyProject\test\test.pug"
//- @Filename "test.pug"
//-
//- 外部容器
.login_container
  //- 左上角 logo框
  .logo_box
    img.logo_img(alt="logo img", src="../assets/logo.png")
    //- 内部容器
    .logo_text
      //- 主标题
      .logo_title
        | {{ appname }}
      //- 副标题
      .logo_subtitle
        | {{ appsubname }}

  //- 登陆框
  .login_box
    //- 标题
    el-row.login_title(:span="24", style="margin-top: 10px;")
      | {{ loginMode }}

    //- 登录数据表单
    el-form.login_form(
      ref="formData",
      :model="formData",
      :rules="rules",
      style="margin: 50px 0;")
      //- 账号输入框
      el-form-item(prop="username")
        el-input(
          prefix-icon="iconfont1 icon-yonghu",
          v-model="formData.username",
          placeholder="输入账号",
          clearable)

      //- 密码输入
      el-form-item(style="margin: 40px 0;", prop="password")
        el-input(
          prefix-icon="iconfont1 icon-mima",
          placeholder="输入密码",
          v-model="formData.password",
          clearable,
          show-password)

      //- 按钮组
      el-form-item(style="margin: 40px 0;", size="large")
        el-button-group(style="width: 100%;")
          el-col(:span="18")
            //- 登录按钮
            el-button(type="primary", style="width: 100%;", @click="login") 登录
              i.el-icon-upload.el-icon--right
          el-col(:span="6")
            //- 重置按钮
            el-button(type="danger", style="width: 100%;", @click="resetForm") 重置
              i.el-icon-refresh-left

      //- 其他选项
      el-form-item(style="margin: 20px 0;")
        el-col(:span="12")
          //- 记住密码
          el-checkbox(v-model="formData.autoinsert") 记住密码

        el-col(:span="12")
          //- 自动登录
          el-checkbox(v-model="formData.autologin") 自动登录
